<template>
  <div class="database-bottom">
    <div class="identity-type box">
      <moduleLeft title="核心业务上跑道数量通报" :clipsmall="false">
        <div class="content" id="identity-type-chart"></div>
      </moduleLeft>
    </div>
  </div>
</template>

<script>
import { mixins } from "./js/mixins";
export default {
  name: "dataBaseBottom",
  mixins: [mixins],
  data() {
    return {};
  },
  mounted() {
    this.initIdentityType();
  },
  methods: {
    initIdentityType() {
      // let xdata = [
      //   "1月",
      //   "2月",
      //   "3月",
      //   "4月",
      //   "5月",
      //   "6月",
      //   "7月",
      //   "8月",
      //   "9月",
      //   "10月",
      //   "11月",
      //   "12月",
      // ];
      let xdata = [
        "宣传统战",
        "共建共治",
        "支部建设",
        "监督执纪",
        "党纪学习教育",
        "城市更新",
        "经济运行",
        "企业服务",
        "生态环保",
        "乡村振兴",
        "公共服务",
        "卫生健康",
        "保障救助",
        "一老一小",
        "退役军人服务",
        "创业就业",
        "公共安全",
        "应急管理",
        "综治工作",
        "执法普法",
        "重点人员",
      ];
      let ydata = [
        {
          name: "本周增加任务数",
          data: [7, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 14, 0],
          color: "#4064FF",
        },
        {
          name: "当前子跑道下发任务总数",
          data: [58, 34, 12, 37, 1, 22, 24, 40, 37, 56, 17, 17, 27, 19, 17, 5, 44, 18, 42, 49, 8],
          color: "#EBAF78",
        },
      ];
      this.setIdentityType({ xdata, ydata }, "identity-type-chart");
    },
  },
};
</script>

<style scoped lang="scss">
.database-bottom {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  .identity-type {
    width: 100%;
    height: 100%;
    .content {
      height: calc(100% - 0px);
    }
  }
}
</style>
